$(document).ready(function() {

		$('#contenido').load('html/intro.html');
		$('#escultura').click(function() {$('#load').html('<div><img src="imagenes/loading.gif"/></div>');$('#contenido').load('html/esculturas.html',cargarTipo("escultura"));});
		$('#reproducciones').click(function() {$('#load').html('<div><img src="imagenes/loading.gif"/></div>');$('#contenido').load('html/reproducciones.html',cargarTipo("reproduccion"));});
		$('#complementos').click(function() {$('#load').html('<div><img src="imagenes/loading.gif"/></div>');$('#contenido').load('html/complementos.html',cargarTipo("complemento"));});
		$('#empresas').click(function() {$('#load').html('<div><img src="imagenes/loading.gif"/></div>');$('#contenido').load('html/empresas.html',cargarTipo("empresa"));});
		$('#clientes').click(function() {$('#contenido').load('html/clientes.html');});
		$('#contacto').click(function() {$('#contenido').load('html/contacto.html');});

		login();
		ajustarCabecera();
});

var contenedorActual = "";
$(window).resize(function(){
	ajustarCabecera();
	if (contenedorActual != ""){
		cargarTipo(contenedorActual);
	}
});

function ajustarCabecera() {
	if (($(window).width() > 750) && ($(window).width() < 992)){
		$('#navbarCabecera').addClass("ajusteCabecera");
		$('#ulnav').removeClass("navbar-right");
		$('#ulnav').addClass("margenizq");
	}else{
		$('#navbarCabecera').removeClass("ajusteCabecera");
		$('#ulnav').removeClass("margenizq");
		$('#ulnav').addClass("navbar-right");
	}
}

function cargarTipo(categoria) {
	contenedorActual=categoria;
	setTimeout(function() {
		$.ajax({
			type : "POST",
			url : "../Pag_RL/php/consulta.php",
			dataType : "json",
			data : {
				tipo : categoria
			},
			success : function(json) {
				cargarGaleria(json);
			}
		});
	}, 50);
}

function cargarGaleria(datosGaleria) {
	
	if(datosGaleria != false){
	var contenedor = $('#contenedor_' + datosGaleria[0].tipo);
	var columnas = 0;
	var filas = 0;
	if ($(window).width() > 1181) {
		columnas = 3;
	}else if (($(window).width() > 720) && ($(window).width() < 1181)) {
		columnas = 2;
	}else{
		columnas = 1;
	}

	var col = datosGaleria.length % columnas;

	if (col == 0) {
		filas = datosGaleria.length / columnas;
	} else {
		filas = Math.ceil(datosGaleria.length / columnas);
	}
	var html = "";
	var i = 0;
	for (var contafila = 0; contafila < filas; contafila++) {
		html += "<tr>";
		if (contafila == filas - 1 && col != 0) {
			columnas = col;
		}

		for (var contacolumna = 0; contacolumna < columnas; contacolumna++) {
			html += "<td id=" + datosGaleria[i].id + "><a href='"
					+ datosGaleria[i].url
					+ "' rel='prettyPhoto[hazarte]' title='"  
					+ datosGaleria[i].dimensiones
					+ "'><img class='imgGaleria' src='"
					+ datosGaleria[i].urlMini + "' alt='"
					+ datosGaleria[i].nombre + "' /></a></td><td class='descripcion'>"
					+ datosGaleria[i].descripcion + "</td>";
			i++;
		}
		html += "</tr>";
		contenedor.html(html);
	}
	}else{
		$("#contenido").html("<p class='alert alert-warning alert-dismissable alerta'>No hay datos en este momento</p>");
	}
	$('#load').html("");
	

	$("a[rel^='prettyPhoto']").prettyPhoto({
		animation_speed : 'fast', /* fast/slow/normal */
		theme : 'dark_rounded'
	});
}

function login() {
	$("#formlogin").submit(function() {
		if (!$("#user").val() == "" && !$("#pass").val() == "") {
			var user = {
				name : $("#user").val(),
				pass : $("#pass").val()
			};
			$.ajax({
				url : "../Pag_RL/admin/login.php",
				data : user,
				success : [ respuestaLogin ],
				global : false,
				type : "POST",
				async : false,
				dataType : "json"
			});
			return false;

		} else {
			$('#msgLogin').css("display", "inline");
			$('#msgLogin').text("Rellene los campos");
			setTimeout(function() {
				$('#msgLogin').css("display", "none");
			}, 5000);
		}
	});
}

function respuestaLogin(JSONRespuesta) {
	var loginResult = JSONRespuesta[0];
	if (loginResult == 0) {
		$('#msgLogin').css("display", "inline");
		$('#msgLogin').text("Usuario Incorrecto");
		setTimeout(function() {
			$('#msgLogin').css("display", "none");
		}, 5000);
	} else {
		$('#modal').modal('toggle');
		window.open('../Pag_RL/admin/administrar.php', '_blank');
	}
}

function comprobarDatos(elemento) {

	var dato = elemento.val();
	var id = elemento.attr("id");
	var bien = false;

	if (dato != "") {

		if (id == "nombreMail" || id == "apellidoMail") {
			if (dato.length > 30 || dato.length < 3) {
				borrarCorrecto(elemento);
				addIncorrecto(elemento);
				bien = false;
			} else {
				borrarIncorrecto(elemento);
				addCorrecto(elemento);
				bien = true;
			}
		} else if (id == "correoMail") {
			var filter = /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;

			if (filter.test(dato)) {
				borrarIncorrecto(elemento);
				addCorrecto(elemento);
				bien = true;
			} else {
				borrarCorrecto(elemento);
				addIncorrecto(elemento);
				bien = false;
			}

		} else {
			if (dato.length < 10) {
				borrarCorrecto(elemento);
				addIncorrecto(elemento);
				bien = false;
			} else {
				borrarIncorrecto(elemento);
				addCorrecto(elemento);
				bien = true;
			}
		}
	} else {

		borrarCorrecto(elemento);
		addIncorrecto(elemento);
		bien = false;
	}

	return bien;
}

function addCorrecto(elemento) {
	elemento.parent().addClass("has-success has-feedback");
	elemento.parent().append('<span class="glyphicon glyphicon-ok form-control-feedback"></span>');
}

function borrarCorrecto(elemento) {
	elemento.parent().removeClass("has-success has-feedback");
	elemento.parent().find("span").remove();
}

function addIncorrecto(elemento) {
	elemento.parent().addClass("has-error has-feedback");
	elemento.parent().append('<span class="glyphicon glyphicon-remove form-control-feedback"></span>');
}

function borrarIncorrecto(elemento) {
	elemento.parent().removeClass("has-error has-feedback");
	elemento.parent().find("span").remove();
}

function enviarContacto() {
	var nombre = $("#nombreMail").val();
	var apellido = $("#apellidoMail").val();
	var correo = $("#correoMail").val();
	var telefono = $("#telefonoMail").val();
	var texto = $("#textoMail").val();
	var check = $("#checkMail").is(':checked');

	if (comprobarDatos($("#nombreMail")) && comprobarDatos($("#apellidoMail"))
			&& comprobarDatos($("#correoMail"))
			&& comprobarDatos($("#textoMail"))) {

		$.ajax({
			type : "POST",
			url : "./php/contacto.php",
			data : {
				"nombre" : nombre,
				"apellido" : apellido,
				"correo" : correo,
				"telefono" : telefono,
				"texto" : texto,
				"check" : check
			},
			success : function(datos) {
				alert("bien" + datos);
			}

		});

		// Aqui queda enviar el objeto json a php y con los datos enviar un
		// mail.
		// No he comprobado si el objeto se crea correctamente.

	} else {
		$('#msgContacto').css("display", "inline");
		$('#msgContacto').text("Hay datos erroneos. Reviselo por favor.");
		setTimeout(function() {
			$('#msgContacto').css("display", "none");
		}, 5000);
	}

}